<template>
  <div class="wrapper" @click="jumpToPage">
    <div class="cell">
      <div class="left">{{label}}</div>
      <div class="right">{{desc}}</div>
      <span class="iconfont iconjiantou1"></span>
    </div>
  </div>
</template>

<script>
export default {
  props: ["label", "desc"],
  methods: {
    jumpToPage() {
      this.$emit("jump", this.label);
    }
  }
};
</script>

<style  >
.wrapper {
  padding: 0 4.556vw;
}
.cell {
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 13.889vw;
}
.right {  
  flex: 1;
  text-align: right;
  font-size: 14px;
  color: #999;
}
.iconjiantou1 {
  font-size: 14px;
  color: #999;
  padding-left: 1.944vw;
}
</style>